<template>
    <div>
        <table class="table_detail" style="width: 100%;">
            <tr> <td colspan="5" class="headColor"> <span>标的基本情况</span></td></tr>
            <!-- <template v-for="(item, index) of cData.fc1List">
                <tr>
                    <td rowspan="7" class="showC headColor"><span>房产（不动产权证）</span></td>
                </tr>
                <tr v-for="(v,i) in firstInfo"  v-if="v.show == 1">
                    <td class="headColor"><span>{{ v.name }}</span></td>
                    <td class="normalC"><span>111</span></td>
                    <td class="headColor"><span>{{ v.name2 }}</span></td>
                    <td class="normalC"><span>111</span></td>
                </tr>
                <tr v-else>
                    <td class="headColor"><span>{{ v.name }}</span></td>
                    <td colspan="3" class="normalC"><span>111</span></td>
                </tr>
            </template>     -->
                <template v-for="(item, index) of cData.fc1List">
                    <tr>
                        <td rowspan="7" class="showC headColor"><span>房产（不动产权证）</span></td>
                    </tr>
                    <tr v-for="(v,i) in firstInfo"  v-if="v.show == 1">
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td class="normalC"><span>{{item[v.model]}}</span></td>
                        <td class="headColor"><span>{{ v.name2 }}</span></td>
                        <td class="normalC"><span>{{item[v.model2]}}</span></td>
                    </tr>
                    <tr v-else>
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td colspan="3" class="normalC"><span>{{item[v.model]}}</span></td>
                    </tr>
                </template>
                <!-- 房产（房屋所有权证、国有土地使用证） -->
                <template v-for="(item, index) of cData.fc2List">
                    <tr>
                        <td rowspan="10" class="showC headColor"><span>房产（房屋所有权证、国有土地使用证）</span></td>
                    </tr>     
                    <tr v-for="(v,i) in secondInfo"  v-if="v.show == 1">
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td class="normalC"><span>{{item[v.model]}}</span></td>
                        <td class="headColor"><span>{{ v.name2 }}</span></td>
                        <td class="normalC"><span>{{item[v.model2]}}</span></td>
                    </tr>
                    <tr v-else>
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td colspan="3" class="normalC"><span>{{item[v.model]}}</span></td>
                    </tr> 
                </template> 
                <!-- 设备物资 -->
                <template v-for="(item, index) of cData.sbwzList">
                    <tr>
                        <td rowspan="4" class="showC headColor"><span>设备物资</span></td>
                    </tr>     
                    <tr v-for="(v,i) in thirdInfo"  v-if="v.show == 1">
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td class="normalC"><span>{{item[v.model]}}</span></td>
                        <td class="headColor"><span>{{ v.name2 }}</span></td>
                        <td class="normalC"><span>{{item[v.model2]}}</span></td>
                    </tr>
                    <tr v-else>
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td colspan="3" class="normalC"><span>{{item[v.model]}}</span></td>
                    </tr> 
                </template> 
                <!-- 机动车 -->
                <template v-for="(item, index) of cData.jdcList">
                    <tr>
                        <td rowspan="7" class="showC headColor"><span>机动车</span></td>
                    </tr>     
                    <tr v-for="(v,i) in fourthInfo"  v-if="v.show == 1" >
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td class="normalC"><span>{{item[v.model]}}</span></td>
                        <td class="headColor"><span>{{ v.name2 }}</span></td>
                        <td class="normalC" v-if="v.name2 == '是否带指标'"><span>{{item[v.model2]?'是':'否'}}</span></td>
                        <td class="normalC" v-else><span>{{item[v.model2]}}</span></td>
                    </tr>
                    <tr v-else>
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td colspan="3" class="normalC"><span>{{item[v.model]}}</span></td>
                    </tr> 
                </template> 
                <!-- 罚没物资  -->
                <template v-for="(item, index) of cData.fmwzList">
                    <tr>
                        <td rowspan="4" class="showC headColor"><span>罚没物资</span></td>
                    </tr>     
                    <tr v-for="(v,i) in fifthInfo"  v-if="v.show == 1">
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td class="normalC"><span>{{item[v.model]}}</span></td>
                        <td class="headColor"><span>{{ v.name2 }}</span></td>
                        <td class="normalC"><span>{{item[v.model2]}}</span></td>
                    </tr>
                    <tr v-else>
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td colspan="3" class="normalC"><span>{{item[v.model]}}</span></td>
                    </tr>   
                </template> 
                <!-- 债权       -->
                <template v-for="(item, index) of cData.zqList">  
                    <tr>
                        <td rowspan="3" class="showC headColor"><span>债权</span></td>
                    </tr>     
                    <tr>
                        <td class="headColor"><span>标的名称</span></td>
                        <td colspan="3" class="normalC"><span>{{item.subjectName}}</span></td>
                    </tr>   
                    <tr>
                        <td class="headColor"><span>债权本息合计</span></td>
                        <td colspan="3" class="normalC"><span>{{item.totalDebtInterest}}</span></td>
                    </tr> 
                </template>
                <!-- 在建工程    -->
                <template v-for="(item, index) of cData.zjgcList"> 
                    <tr>
                        <td rowspan="4" class="showC headColor"><span>在建工程</span></td>
                    </tr>     
                    <tr>
                        <td class="headColor"><span>标的名称</span></td>
                        <td colspan="3" class="normalC"><span>{{item.subjectName}}</span></td>
                    </tr>   
                    <tr>
                        <td class="headColor"><span>土地使用证号</span></td>
                        <td colspan="3" class="normalC"><span>{{item.landUseCertificateNumber}}</span></td>
                    </tr>
                    <tr>
                        <td class="headColor"><span>使用权类型</span></td>
                        <td class="normalC"><span>{{item.userRightType}}</span></td>
                        <td class="headColor"><span>是否涉及抵押</span></td>
                        <td class="normalC"><span>{{item.isInvolvyMortgage?'是':'否'}}</span></td>
                    </tr>  
                </template>
                    <!-- 知识产权    -->
                <template v-for="(item, index) of cData.zscqList">      
                    <tr>
                        <td rowspan="3" class="showC headColor"><span>知识产权</span></td>
                    </tr>     
                    <tr>
                        <td class="headColor"><span>类型</span></td>
                        <td colspan="3" class="normalC"><span>{{item.intellectualPropertyType}}</span></td>
                    </tr>   
                    <tr>
                        <td class="headColor"><span>标的介绍</span></td>
                        <td colspan="3" class="normalC"><span>{{item.subjectIntroduction}}</span></td>
                    </tr>  
                </template>
                <!-- 其他   -->
                <template v-for="(item, index) of cData.qtList">       
                    <tr>
                        <td rowspan="3" class="showC headColor"><span>其他</span></td>
                    </tr>     
                    <tr>
                        <td class="headColor"><span>型号</span></td>
                        <td class="normalC"><span>{{item.otherModel}}</span></td>
                        <td class="headColor"><span>计量单位</span></td>
                        <td class="normalC"><span>{{item.otherMeasurementUnit}}</span></td>
                    </tr> 
                    <tr>
                        <td class="headColor"><span>所在地</span></td>
                        <td class="normalC"><span>{{item.otherLocation}}</span></td>
                        <td class="headColor"><span>数量</span></td>
                        <td class="normalC"><span>{{item.otherQuantity}}</span></td>
                    </tr>
                </template>
                <!-- 资产评估    -->
                <tr>
                    <td rowspan="4" class="showC headColor"><span>资产评估</span></td>
                </tr>     
                <tr>
                    <td class="headColor"><span>评估机构</span></td>
                    <td class="normalC"><span>{{cData.domainsPub.evaluationUnit}}</span></td>
                    <td class="headColor"><span>评估基准日</span></td>
                    <td class="normalC"><span>{{cData.domainsPub.evaluationBaseDate}}</span></td>
                </tr> 
                <tr>
                    <td class="headColor"><span>账面价值</span></td>
                    <td class="normalC"><span>{{cData.domainsPub.bookValue}}</span></td>
                    <td class="headColor"><span>资产评估值</span></td>
                    <td class="normalC"><span>{{cData.domainsPub.assetValuation}}</span></td>
                </tr>  
                <tr>
                    <td class="headColor"><span>核准或备案机构</span></td>
                    <td class="normalC"><span>{{cData.domainsPub.filedAgency}}</span></td>
                    <td class="normalC" colspan="2"><span>{{cData.domainsPub.reviewOrFiling}}</span></td>
                </tr>  
                <!-- 其他披露事项 -->
                    <tr>
                    <td rowspan="4" class="showC headColor"><span>其他披露事项</span></td>
                </tr>     
                <tr>

                    <td class="normalC" colspan="4"><pre><span>{{cData.domainsPub.otherDisclosures}}</span></pre></td>
                </tr>           
        </table>
    </div>
</template>

<script>
    export default {
        props:{
            // cText:'',
            // cData:'',
            // cCol:'',
            cData: {}
        },
        data() {
            return {
                cCol: [
                    {
                        name1: "data1",
                    },{
                        name1: "data2",
                        name2: "data3"
                    },{
                        name1: "data4",
                        name2: "data5"
                    },{
                        name1: "data7",
                        name1: "data8"
                    },{
                        name1: "data9",
                        name1: "data10"
                    }
                ],                
                firstInfo:[{
                    name:'标的名称',
                    show:3,
                    model:"subjectName"
                },{
                    name:'坐落位置',
                    show:3,
                    model:"location"
                },{
                    name:'使用现状',
                    name2:'物业类型',
                    show:1,
                    model:"useStatus",
                    model2:"propertyType"
                },{
                    name:'不动产权证号',
                    name2:'用途',
                    show:1,
                    model:"improperPropertyLicenseNumber",
                    model2:"purpose"   
                },{
                    name:'共有情况',
                    name2:'面积',
                    show:1,
                    model:"commonSituation",
                    model2:"area" 
                },{
                    name:'权利性质',
                    name2:'使用期限',
                    show:1,
                    model:"natureRights",
                    model2:"periodUse" 
                }],
                secondInfo: [{
                    name:'标的名称',
                    show:3,
                    model:"subjectName"
                },{
                    name:'房屋坐落',
                    show:3,
                    model:"location"
                },{
                    name:'使用现状',
                    name2:'物业类型',
                    show:1,
                    model:"useStatus",
                    model2:"propertyType"
                },{
                    name:'房屋所有权证号',
                    show:3,
                    model:"houseOwnershipCertificate"
                },{
                    name:'共有情况',
                    name2:'规划用途',
                    show:1,
                    model:"commonSituation",
                    model2:"planPurposes"   
                },{
                    name:'房屋性质',
                    name2:'建筑面积',
                    show:1,
                    model:"propertyNature",
                    model2:"constructionArea" 
                },{
                    name:'土地使用证号',
                    show:3,
                    model:"landUseCertificateNumber"
                },{
                    name:'地类（用途）',
                    name2:'使用权类型',
                    show:1,
                    model:"gentle",
                    model2:"useRightType" 
                },{
                    name:'终止日期',
                    name2:'使用权面积',
                    show:1,
                    model:"endDate",
                    model2:"rightUseArea" 
                }],
                thirdInfo: [{
                    name:'标的名称',
                    show:3,
                    model:"subjectName"
                },{
                    name:'规格型号',
                    name2:'计量单位',
                    show:1,
                    model:"specificationModel",
                    model2:"unit"
                },{
                    name:'所在地',
                    name2:'数量',
                    show:1,
                    model:"location",
                    model2:"quantity"   
                }],
                fourthInfo: [{
                    name:'标的名称',
                    show:3,
                    model:"subjectName"
                },{
                    name:'品牌及型号',
                    name2:'发动机编号',
                    show:1,
                    model:"brandAndModel",
                    model2:"engineNumber"
                },{
                    name:'购置日期',
                    name2:'登记日期',
                    show:1,
                    model:"purchaseDate",
                    model2:"registrationDate"
                },{
                    name:'行驶公里数',
                    name2:'是否带指标',
                    show:1,
                    model:"kilometersTraveled",
                    model2:"isIndicators"
                },{
                    name:'強交险截止日',
                    name2:'年检有效期',
                    show:1,
                    model:"crossyDeadline",
                    model2:"annualValidityPeriod"
                },{
                    name:'所在地',
                    show:3,
                    model:"location"
                }],
                fifthInfo: [{
                    name:'标的名称',
                    show:3,
                    model:"subjectName"
                },{
                    name:'型号',
                    name2:'计量单位',
                    show:1,
                    model:"model",
                    model2:"measurementUnit"
                },{
                    name:'所在地',
                    name2:'数量',
                    show:1,
                    model:"location",
                    model2:"quantity"   
                }],     
            }
        },
    }
</script>

<style scoped>
    .normalC{ background-color: #ffffff !important;}
    .showC{ background-color: #f5f5f5 !important;}
    .table_detail td:nth-child(odd) {
        width: 240px;
        height: 40px;
        background-color: #f5f5f5;
        flex: none;
    }    
    
</style>